<template>
<!-- 服务介绍 -->
    <div class="Re_serve">
        <header class="Reg_serve_header" @click="Reg_serve_header">
        <!-- 返回跳转 -->
            <p class="Reg_serve_back"><img src="../../../static/imgs/return.png"/></p>
            <p class="gasl">挂号陪诊</p>
            <p></p>
        </header>
        
        <main class="Reg_serve_main">
        
            <section class="Reg_serve_section_1">
                <img src="../../../static/imgs/Reg_serve_img02.png"/>
            </section>
            
            <section class="Reg_serve_section_2">
                <p><img src="../../../static/imgs/Reg_serve_img03.png"/></p>
                <p>挂号陪诊</p>
            </section>
            
            <section class="Reg_serve_section_3">
                <img src="../../../static/imgs/Reg_serve_img04.png"/>
            </section>
            
            <section class="Reg_serve_section_padding_leftright">
            
                <section class="Reg_serve_section_4">
                    <p>服务投诉电话：010-64757617 或 010-64757691</p>
                    <p>官方客服电话：4000122789</p>
                    <p>控诉邮箱：guahaotousu@qq.com</p>
                    <p>挂号陪诊服务，是为用户提供院内导诊、排位挂号或取号</p>
                    <p>和医院周边信息的服务。</p>
                </section>
                
                <section class="Reg_serve_section_5">
                    <img src="../../../static/imgs/Reg_serve_img05.png"/>
                </section>

                <section class="Reg_serve_section_6">
                    <p>目前已覆盖北京、上海、广州、深圳、天津、南京、杭</p>
                    <p>州、成都、重庆、济南、青岛、长沙、武汉、西安、郑州</p>
                    <p>等60度个一二线和省会城市。</p>
                </section>
                
                <section class="Reg_serve_section_7">
                    <img src="../../../static/imgs/Reg_serve_img06.png"/>
                </section>
                
                <nav class="Reg_serve_nav_1">
                    <dl><img src="../../../static/imgs/Reg_serve_bg02.png"/></dl>
                    <p>初级导诊</p>
                </nav>
                
                <section class="Reg_serve_section_8">
                    <p>服务内容：排位挂号（不含取号服务）、电话导诊等相关</p>
                    <p>服务</p>
                </section>
                
                <section class="Reg_serve_section_9">
                    <p>注意事项</p>
                    <dl>如遇专家临时停诊或遭遇其他不可抗力因素，陪诊护士将第一时间通知患者或家属。</dl>
                </section>
                
                <nav class="Reg_serve_nav_2">
                    <dl><img src="../../../static/imgs/Reg_serve_bg02.png"/></dl>
                    <p>高级陪诊</p>
                </nav>
                
                <section class="Reg_serve_section_10">
                    <dl>
                        <dd>
                            <img src="../../../static/imgs/Reg_serve_img07.png"/>
                        </dd>
                        <dt>
                            <p>1.高级陪诊</p>
                            <p>排队挂号、院内导诊</p>
                        </dt>
                    </dl>
                    <dl>
                        <dd>
                            <img src="../../../static/imgs/Reg_serve_img08.png"/>
                        </dd>
                        <dt>
                            <p>2.路线信息</p>
                            <p>告知来医院详细路线</p>
                        </dt>
                    </dl>
                    <dl>
                        <dd>
                            <img src="../../../static/imgs/Reg_serve_img09.png"/>
                        </dd>
                        <dt>
                            <p>3.排队取号</p>
                            <p>取号后告知就诊时间</p>
                        </dt>
                    </dl>
                    <dl>
                        <dd>
                            <img src="../../../static/imgs/Reg_serve_img10.png"/>
                        </dd>
                        <dt>
                            <p>4.取送报告</p>
                            <p>为患者去送检查报告</p>
                        </dt>
                    </dl>
                    <dl>
                        <dd>
                            <img src="../../../static/imgs/Reg_serve_img11.png"/>
                        </dd>
                        <dt>
                            <p>5.排队取药</p>
                            <p>为患者陪诊排队取药</p>
                        </dt>
                    </dl>
                    <dl>
                        <dd>
                            <img src="../../../static/imgs/Reg_serve_img12.png"/>
                        </dd>
                        <dt>
                            <p>6.其他服务</p>
                            <p>其他科提供的帮助等</p>
                        </dt>
                    </dl>
                </section>
                
                <section class="Reg_serve_section_11">
                    <p>注意事项</p>
                    <dl>以上服务内容根据实际情况，由陪诊提供电话或者现场指导服务</dl>
                    <dl>陪诊3小时，如遇专家临时停诊或遭遇其他不可抗力因素，挂号陪诊服务人员将第一时间通知患者或家属</dl>
                </section>
                
            </section>
        </main>
        <footer class="Reg_serve_footer"></footer>

    </div>
</template>
<script>
    export default {
        name:'Re_serve',
        methods:{
        	Reg_serve_header:function(){
        		this.$router.go(-1)
        	}
        }
    }
</script>
<style scoped lang='less'>
    .PxToRem(@name, @px){
    @{name}: @px / 75 * 1rem;
}
.Flex{
    display:flex;
}

.Reg_serve_header{
    .PxToRem(height,88);
    .PxToRem(font-size,35);
    .Flex;
    justify-content: space-between;
    align-items: center;
    background: url(../../../static/imgs/Reg_serve_bg01.jpg);
    padding-left: 2%;
    position: fixed;
    top: 0;
    width: 100%;
    p:nth-child(1){
        img{
            .PxToRem(width,55);
            .PxToRem(height,53);
        }
    }
    p{
      .PxToRem(font-size,35);
    }
    .gasl{
         .PxToRem(margin-left,-70);
    }
}
main{
    .PxToRem(padding-top,88);
    .Reg_serve_section_1{
        img{
           width: 100%;
           .PxToRem(height,307);
        }
    }
    .Reg_serve_section_2{
        .PxToRem(margin-top,30);
        .Flex;
        align-items: center;
        font-weight: bold;
        .PxToRem(font-size,26);
            p:nth-child(1){
                padding-left: 2%;
                img{
                    .PxToRem(width,45);
                    .PxToRem(height,45);
                }
            }
            p:nth-child(2){
                padding-left: 2%;
            }
        }
    .Reg_serve_section_3{
        .PxToRem(margin-top,70);
        display: flex;
        justify-content: center;
        .PxToRem(margin-bottom,50);
            img{
                .PxToRem(width,270);
                .PxToRem(height,83);
            }
        }
    .Reg_serve_section_padding_leftright{   
        padding-left: 6%;
        padding-right: 6%;
    }
    .Reg_serve_section_4{
        p{
            .PxToRem(line-height,40);
            .PxToRem(font-size,22);
        }
    }
    .Reg_serve_section_5{
        img{
            .PxToRem(width,659);
            .PxToRem(height,229);
            .PxToRem(padding-top,25);
            .PxToRem(padding-bottom,25);
        }
    }
    .Reg_serve_section_6{
        p{
             color: #848484;
            .PxToRem(line-height,36);
            .PxToRem(font-size,24);
        }
    }
    .Reg_serve_section_7{
        .PxToRem(margin-top,70);
        .Flex;
        justify-content: center;
        .PxToRem(margin-bottom,50);
            img{
                .PxToRem(width,270);
                .PxToRem(height,83);
            }
        }
    .Reg_serve_nav_1{
        .Flex;
        .PxToRem(padding-bottom,30);
        img{
             .PxToRem(width,6);
             .PxToRem(height,34);
        }
        p{
            .PxToRem(padding-left,10);
            .PxToRem(font-size,28);
        }
    }
    .Reg_serve_section_8{
       p{
           .PxToRem(line-height,34);
           .PxToRem(font-size,24);  
       }
    }
    .Reg_serve_section_9{
       .PxToRem(height,170);
       .PxToRem(line-height,34);
       .PxToRem(font-size,24);
       .PxToRem(padding-left,55);
       .PxToRem(padding-right,55);
       .PxToRem(margin-top,35);
       .PxToRem(margin-bottom,45);
       background: #f1fdef;
       color: #a6c4aa;
       p{
            text-align: center;
            .PxToRem(padding-top,25);
            .PxToRem(padding-bottom,5);
       }
       dl{
            .PxToRem(line-height,40);
       }
    }
     .Reg_serve_nav_2{
        .Flex;
        img{
             .PxToRem(width,6);
             .PxToRem(height,34);
        }
        p{
            .PxToRem(padding-left,10);
            .PxToRem(font-size,28);
        }
    }
    .Reg_serve_section_10{
        .Flex;
        flex-wrap: wrap;
        dl{ 
            width: 50%;
            text-align: center;
            dd{
                img{
                   .PxToRem(width,220);
                   .PxToRem(height,200);
                   .PxToRem(margin-top,50);
                   .PxToRem(margin-bottom,25);
                }
            }
            dt{
            
                p:nth-child(1){
                    .PxToRem(font-size,24);
                }
                p:nth-child(2){
                    .PxToRem(font-size,20);
                    color: #747474;
                }
            }
        }
    }
    .Reg_serve_section_11{
       .PxToRem(height,305);
       .PxToRem(line-height,34);
       .PxToRem(font-size,24);
       .PxToRem(padding-left,55);
       .PxToRem(padding-right,55);
       .PxToRem(margin-top,35);
       .PxToRem(margin-bottom,45);
       background: #f1fdef;
       color: #a6c4aa;
       p{
            text-align: center;
            .PxToRem(padding-top,25);
            .PxToRem(padding-bottom,5);
       }
       dl{
            .PxToRem(line-height,40);
       }
    }
}
</style>



